<template>
    <el-input v-model="phone" placeholder="手机号" clearable />
    <el-input v-model="phone_SMS" placeholder="验证码">
      <template #suffix>
        <el-button>获取验证码</el-button>
      </template>
    </el-input>
    <div class="login_btn">登录</div>
</template>
<script setup>
import { ref } from 'vue'
const phone = ref('')
const phone_SMS = ref('')

</script>
<style scoped>
.el-input{
  height: 50px;
  margin-bottom: 30px;
}
.login_btn{
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 7px;
  margin-top: 20px;
  background-color: #6c9dbd;
  cursor: pointer;
}
</style>
